<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{margin:0; padding:0;}
			html,body,.wrapper{height:100%;}
			.wrapper{position: relative;}
			.copy{min-height: 40px; width:100%; background: #00f; position: absolute; bottom: 0;}
			.left{float:left;}
			.copy li{float:left; padding:0 10px; list-style: none; font-size: 14px; height:40px; line-height: 40px; color: #fff;}
			.right{float:right;}
			.banner{width:100%; height: 100%; background:url(img/banner.jpg) no-repeat; background-size:100% 100%;}
		</style>
	</head>
	<body>
		<div class="wrapper">
			<div class="banner">
				
			</div>
			<div class="copy">
				<ul class="left">
					<li>首页</li>
					<li>首页</li>
					<li>首页</li>
					<li>首页</li>
					<li>首页</li>
				</ul>
				<ul class="right">
					<li>首页</li>
					<li>首页</li>
					<li>首页</li>
					<li>首页</li>
					<li>首页</li>
					<li>首页</li>
					<li>首页</li>
					<li>首页</li>
					<li>首页</li>
					<li>首页</li>
					<li>首页</li>
					<li>首页</li>
					<li>首页</li>
					<li>首页</li>
					<li>首页</li>
				</ul>
			</div>
		</div>
	</body>
</html>
